
<div class="row">

    <div class="panel panel-default panel-intro">
        <div class="panel-heading">

            <form id="dcxiaoshou-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">电厂:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-dianchang_id" data-rule="required" data-source="dianchang/index" class="form-control selectpage form-control" data-multiple="true"  name="dianchang" type="text" value="">

                    </div>
                </div>



                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">日期范围:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-riqi" class="form-control datetimerange " data-date-format="YYYY-MM-DD" data-use-current="true" name="riqi" type="text" value="">
                    </div>
                </div>


                <div class="form-group layer-footer">
                    <label class="control-label col-xs-12 col-sm-2"></label>
                    <div class="col-xs-12 col-sm-8">
                        <button id="dosubmit" type="button" class="btn btn-success">{:__('OK')}</button>
                        <button type="reset" class="btn btn-default">{:__('Reset')}</button>
                    </div>
                </div>
            </form>



<div class="content">


    <div class="panel-body">

        <div class="col-lg-12">
            <div id="dcxiaoshou_chart" style="height:600px;width:100%;"></div>
        </div>

    </div>
</div>


</div>


<script>

    var data_url="{:url('dcxiaoshoudata')}";


    option = {
        title : {
            text: '电厂销售曲线',
            subtext: '销售合计',
			//bottom:40,
            subtextStyle:{
                fontSize:14,
                align:'center',
                fontWeight:"bolder",
				padding:[20]
            }
        },
        tooltip : {
            trigger: 'axis'
        },

        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        grid: [{
            left: 'left',
            top: 'top',
            right: '10',
            bottom: 30
        }],

        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : [ ],
                axisLabel : {
                    formatter: null,
                    rotate: 30,
                    textStyle: {
                        color: '#333'
                    }
                }
            }

        ],
        yAxis : [
            {
                type : 'value',
                axisLabel : {
                    formatter: '{value}'
                }
            }
        ],
        series : [
            {
                name:'销量',
                type:'line',
                data:[ ],
                markPoint : {
                    data : [
                        {type : 'max', name: '最高'},
                        {type : 'min', name: '最低'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                },
            }
        ]
    };



</script>

